/*---------------------------------------------------------------------------
 * Formulaires
  *--------------------------------------------------------------------------*/

.required {
	color: red;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0px;
	vertical-align: text-top;
	text-align: right;
}

.pre {
	white-space: pre;
}

.formBody {
	padding: 10px;
	vertical-align: top;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #b9e59d;

	background-color: #daf3cb;
}

.wizardBody {
	padding: 10px;
	vertical-align: top;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #b9e59d;
	width: 100%;
	/*background-color: #daf3cb;*/
}

/*---------------------------------------------------------------------------
 * Groupe de propriétés
 *--------------------------------------------------------------------------*/
.fieldBox {
	border: 0px;
	padding: 2px;
	margin-bottom: 5px;
}

.fieldBoxHeader {
	border: 0px ;
	background-color: #d1fb94;
}

.fieldBoxLegend {
	color: #000000;
	background-color: #d1fb94;
	padding-left: 0px;
	vertical-align: middle;
	margin-top:5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


/*---------------------------------------------------------------------------
 * Panneau tabulé
 *--------------------------------------------------------------------------*/
.tabbedPanel {
	padding: 5px;
}

.tabbedPanelGroup {
  width: 100%;
  background-color: #FFFFFF;
}

.tabbedPanelGroupHeader {
	background-color: #daf3cb;
	width: 100%;
}

.tabLeft {
	height: 20px;
	width: 10px;
  	background: url(../images/tab/tab_left.gif) no-repeat;
}

.tabRight {
	height: 20px;
	width: 10px;
	float:right;
  	background: url(../images/tab/tab_right.gif) no-repeat;
  	margin-right: 5px;
}

.tdTabBody {
	height: 20px;
	vertical-align:middle;
	background: url(../images/tab/tab_body.gif);
}

.tdTabBody a {
/*  color: white;*/
}

.tdTabBody a img{
	vertical-align: middle;
	margin-right: 8px;
}

.tabLeftSelected {
	height: 20px;
	width: 10px;
  	background: url(../images/tab/tab_selected_left.gif) no-repeat;
}

.tabRightSelected {
	height: 20px;
	width: 10px;
	float:right;
	background: url(../images/tab/tab_selected_right.gif) no-repeat;
  	margin-right: 5px;
}

.tdTabBodySelected {
	vertical-align: middle;
	background-color: #ffffff;
}

.tdTabBodySelected a img{
	vertical-align: middle;
	margin-right: 8px;
}


/*---------------------------------------------------------------------------
 * Onglets tabules verticaux
 *--------------------------------------------------------------------------*/


.verticalPanelGroup .defaultBox {
  margin: 0px 1px 0px 1px;
  width:170px;
  text-align: left;
  vertical-align: top;
}


.verticalPanel {
	padding: 1px;
}

.verticalPanelGroup {
  width: 100%;
}

.verticalPanelGroupHeader {
	/*background-color: #daf3cb;	*/
}

.verticalPanelGroupHeader table{
	padding: 10px 5px 10px 5px;
	width:100%;
	background-color: #FFFFFF;

}

.verticalBody {

}

.verticalLeft {
/*	height: 20px;
	width: 10px;
    background-color: #aee65d;*/
}

.verticalRight {
/*	height: 20px;
	width: 10px;
	float:right;
    background-color: #aee65d;
  	margin-right: 5px;*/
}

.tdVerticalBody {

	height: 20px;
	vertical-align:middle;
	background-color: #aee65d;
	text-align : center;
}

.tdVerticalBody a {

}

.verticalLeftSelected {
/*	height: 20px;
	width: 10px;
	background: url(../images/tab/step_selected_left.gif) no-repeat;
*/
}

.verticalRightSelected {
/*	height: 20px;
	width: 10px;
	float:right;
	background-color: #FFFFFF;

  	margin-right: 5px;*/
}

.tdVerticalBodySelected {
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align : center;
}

/*---------------------------------------------------------------------------
 * Bouton des panneaux selectionnables
 *--------------------------------------------------------------------------*/


.stepButton , .selectPanelButton {
	display:block;
	text-decoration: none;
	background-color: white;
	margin: 0px;
	padding: 5px;
}

.stepButtonDisabled , .selectPanelButtonDisabled {
	display:block;
	text-decoration: none;
	background-color: white;
	margin: 0px;
	padding: 5px;
}

.stepButtonDisabled span , .selectPanelButtonDisabled span{
 	font-family: arial narrow;
	font-size: 13px;
	font-weight:normal;
	text-decoration: none;
	color: #7d7d7d;
}

.stepButton span , .selectPanelButton span{
  	font-family: arial narrow;
	font-size: 13px;
	text-decoration: underline;
}

.stepButton img, .stepButtonDisabled img , .selectPanelButton img, .selectPanelButtonDisabled img {
	vertical-align: middle;
	margin-right: 6px;
}

.stepButtonDisabledSelected  {
	display:block;
	background-color: #b9e59d;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
}

.stepButtonDisabledSelected span {
	font-family: arial narrow;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
}

.stepButtonSelected , .selectPanelButtonSelected {
	display:block;
	background-color: #b9e59d;
	text-decoration: underline;
	margin: 0px;
	padding: 5px;

}

.stepButtonSelected span, .selectPanelButtonSelected span{
	font-family: arial narrow;
	font-size: 13px;
	font-weight:bold;
	text-decoration: underline;
}


.textInStepsZone {
	font-family: arial narrow;
	font-size: 13px;
	font-weight:normal;
}

/*---------------------------------------------------------------------------
 * Panneaux selectionnables
 *--------------------------------------------------------------------------*/


.panelGroup {
 	width: 100%;
  	background-color: #FFFFFF;
}

.selectablePanel{
	padding : 5px;
}

/*---------------------------------------------------------------------------
 * Panneaux selectionnables pour assistants
 *--------------------------------------------------------------------------*/
.stepPanelGroup{
	width: 100%;
	background-color: #FFFFFF;
	padding-left : 5px;
}

.stepPanel {
	margin-top: 5px;
}

.stepPanel .toolbar{
	margin-top: 10px;
	margin-bottom: 5px;

}

/*---------------------------------------------------------------------------
 * Propriétés
 *--------------------------------------------------------------------------*/

.inputProperty {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 2px;
}

.inputPropertyDate {
	width:7em;
}

.inputRadioProperty {
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.inputRadioProperty table {
	margin-top:-2px;
	margin-left:-6px;
}

.inputBooleanProperty {
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.inputBooleanProperty input {
	margin-left:0px;
}

.inputPropertyDisabled{
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #d4d0c7
}

.inputPropertyLabel {
  color: #436976;
  margin-right: 3px;
  margin-top : 2px;
  text-align: right;
  float: left;
  width: 150px;
  font-size: 1em;
  vertical-align: middle;
}

.inputProperty select {
  width: 150px;
}


.inlineField .inputProperty{
 display:inline;
}

.outputProperty {
	text-align: left;
    margin-top: 2px;
    margin-bottom: 5px;
	color: #000000;
	height:1.5em;
}

.outputFile {
	text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
	color: #006699;
    font-weight: bold;
    text-decoration: underline;
}

.outputPropertyLabel {
  color: #436976;
  margin-right: 3px;
  margin-top : 0px;
  text-align: right;
  float: left;
  width: 150px;
  font-size: 1em;
}

/* Spécificités des propriétés affichées avec label dans le cadre d'un formulaire de saisie. */

.formBody .outputPropertyLabel {
  color: #436976;
  margin-right: 3px;
  margin-top : 0px;
  text-align: right;
  float: left;
  width: 150px;
  font-size: 1em;
}

.formBody .outputProperty {
	text-align: left;
    margin-top: 2px;
    margin-bottom: 5px;
	color: #000000;
	height: auto; /* override 1.5em */
	clear: both;
}


/*
	Le clear:both empêche les label (float) précédents de venir "baver" sur cet encadré de propriété.
	On obtient donc 1 seul label/valeur par "ligne" de formulaire.
 */
.formBody .inputProperty, .formBody .inputBooleanProperty, .formBody .outputProperty, .formBody .inputRadioProperty {
	clear: both;
}

/* Dans le cas d'un label sur plusieurs lignes, le label suivant sera poussé dessous par le clear:both,
   mais les deux labels se retrouvent collés (car le floattant peu écrire dans la marge-top du composant
   au dessous même s'il est en clear:both). On impose donc au label une marge basse.
 */
.formBody .outputPropertyLabel, .formBody .inputPropertyLabel {
	margin-bottom: 5px;
}

.formBody .outputBooleanLabel {
	color: #436976;
	float: left;
	margin-right: 3px;
	margin-top : 0px;
	text-align: right;
	width: 150px;
}

.formBody .outputBoolean {
	text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
	color: #000000;
}

/* Le style recherché ici est un span qui sera dans sa totalité à droite du label (qui est en float:left).
	Cet effet est obtenu grâce au cumul de :
	- La marge gauche égale à la taille du label (150px) + la marge habituelle (5px)
	- Le display:block change le span en div, et s'assure que toutes les lignes de texte subiront la marge
		(sinon seulement la premiere semble affectée)
*/
.formBody .outputProperty .valueContainer {
	display: block;
	margin-left: 155px;
	float: none;
}
/*
Correction de la classe appliquée sur un outputProperty pour une slaveList.
Le style outputProperty avec formBody comme selecteur provoque des effets de bord dans les slaveList.
Les slaveList utilisent les classes "oddRow", "evenRow", et "pagerPageIndices" qui du coup sont utilisées comme marqueurs
pour savoir si on est dans une slaveList ou pas.
*/
.formBody .oddRow .outputProperty .valueContainer {
  display: inline;
  margin-left: 0px;
}

.formBody .evenRow .outputProperty .valueContainer {
  display: inline;
  margin-left: 0px;
}

.formBody .pagerPageIndices .outputProperty .valueContainer {
  display: inline;
  margin-left: 0px;
}

/*****/

.formBody .inputRadioProperty table.inputRadioProperty{
	margin-left: 0px; /* Je ne sais pas où il attrape une marge négative, mais ca le décalle trop sur le label. */
}

.colLabel {
      color: #436976;
      text-align:right;
      width:111px;
      vertical-align:top;
}

.colValue {
      text-align:justify;
      width:250px;
      vertical-align:top;
      padding-left:4px;
}

/* Correction pour éviter le chevauchement sur FF3 */
div.inputProperty table,div.outputProperty table {
    display:inline-block;
}